Page({
  data: {
    nickname: '',
    avatarUrl: '',
  },

  onLoad() {
    const userInfo = wx.getStorageSync('userInfo')
    this.setData({
      nickname: userInfo.nickName,
      avatarUrl: userInfo.avatar,
    })
  },

  // ev 事件对象
  async handleChange(ev) {
    console.log(ev.detail.value)

    // 请求后端接口更新昵称
    const res = await wx.http.put('/userInfo', {
      nickName: ev.detail.value,
    })
    if (res.code !== 10000) return wx.utils.toast()

    // 更新数据
    this.setData({
      nickname: ev.detail.value,
    })
  },

  getAvatar(ev) {
    console.log(ev.detail.avatarUrl) // 这里就有头像地址

    // 拿到照片 上传到服务器 => 调用接口
    // wx.http.post('/upload', {
    //   file: ev.detail.avatarUrl,
    //   type: 'avatar'
    // })

    // 上传照片的api => 临时校验
    wx.uploadFile({
      // 接口地址
      url: 'https://live-api.itheima.net/upload',
      // 头像地址
      filePath: ev.detail.avatarUrl,
      // 后端接收头像的那个键
      name: 'file',
      // 请求头
      header: {
        Authorization: getApp().token, // Bearer dsakljfhklsajdflk
      },
      // 这次请求额外携带的参数
      formData: {
        type: 'avatar',
      },

      success: ({ data }) => {
        const res = JSON.parse(data)
        if (res.code !== 10000) return wx.utils.toast('上传头像失败')

        console.log(res)
        this.setData({ avatarUrl: res.data.url }) // 上传到服务器中的图片地址存了下来 展示在页面上
        // data.url
      },
    })
  },
})
